import React from "react";
/*
  函数式组件中跟 vue 的 setup 一样是不能使用 this 所以无法向类组件一样获取参数

*/
const Header = function (props) {
  // console.log('6666666666666',this);
  return (<>
    <div>欢迎来到 {props.title} 世界</div>
  </>)
}
/*
  类组件需要使用 this.props 进行获取父组件传递过来的数据
*/
class Content extends React.Component {
  render () {
    // console.log(this.props);
    return (<>
      <div> {this.props.contentName} 学习 React 实际上是在学习 JavaScript</div>
    </>)
  }
}
export default class App extends React.Component {
  render () {
    return (<>
      <div>
        <Header title='React' />
        {/* 在 vue 中属性传值的时候只要不是纯字符串那么我们都要使用 v-bind 进行插入 */}
        {/* 在 react 中属性传值的时候只要不是纯字符串那么我们都要使用 {} 进行包裹 */}
        <Content contentName='涛涛' count={10} />
      </div>
    </>)
  }
}

